import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import axios from "axios";
import VueAxios from "vue-axios";
import { Dialog, Notify } from "vant";
import 'vant/lib/index.css';
import Viewer from "v-viewer";
import "viewerjs/dist/viewer.css";
import NProgress from "nprogress"; // 引入进度条
import "nprogress/nprogress.css"; // 引入进度条样式

// 使用 ElementUI 插件
Vue.use(ElementUI);

// 使用 VueAxios 插件
Vue.use(VueAxios, axios);

// 使用 Vant 插件
Vue.use(Dialog);
Vue.use(Notify);

// 使用 Viewer 插件
Vue.use(Viewer);
Viewer.setDefaults({
  Options: {
    inline: true,
    button: true,
    navbar: true,
    title: true,
    toolbar: true,
    tooltip: true,
    movable: true,
    zoomable: true,
    rotatable: true,
    scalable: true,
    transition: true,
    fullscreen: true,
    keyboard: true,
    url: "data-source",
  },
});

// 配置 NProgress
NProgress.configure({ showSpinner: true });

// 将 Message 注入到 Vue 实例中
Vue.prototype.$message = ElementUI.Message;

// Axios 请求拦截器
axios.interceptors.request.use(
  (config) => {
    NProgress.start(); // 开始进度条
    const token = sessionStorage.getItem("token");
    if (token) {
      config.headers["Authorization"] = `Bearer ${token}`; // 设置请求头
    }
    return config;
  },
  (error) => {
    NProgress.done(); // 确保进度条结束
    return Promise.reject(error); // 处理请求错误
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  (response) => {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    if (response.status === 401) {
      Vue.prototype.$message.error("身份验证过期，请重新登录");
      router.push({ path: "/login" });
    }
    NProgress.done(); // 结束进度条
    return response;
  },
  (error) => {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    NProgress.done(); // 确保进度条结束
    if (error.response && error.response.status === 401) {
      Vue.prototype.$message.error("身份验证过期，请重新登录");
      router.push({ path: "/login" });
    } else {
      Vue.prototype.$message.error("请求失败，请稍后再试");
    }
    return Promise.reject(error);
  }
);

// 引入富文本编译器
import VueQuillEditor from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
Vue.use(VueQuillEditor);


// Axios 基本配置
axios.defaults.baseURL = "http://community.byesame.com/";

// 创建 Vue 实例并挂载
new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");